<#import "spring.ftl" as spring/>
<#import "/macro/res.ftl" as res />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>WorkBench</title>
	<@res.yuicss />
	<link rel="stylesheet" type="text/css" href="${app_context}/res/script/easyui/extends/jquery-easyui-portal/portal.css">
	<link rel="stylesheet" type="text/css" href="${app_context}/res/style/app/index.css">
	<@res.easyui />
	<script type="text/javascript" src="${app_context}/res/script/easyui/extends/jquery-easyui-datagridview/datagrid-defaultview.js"></script>
	<script type="text/javascript" src="${app_context}/res/script/easyui/extends/jquery-easyui-datagridview/datagrid-detailview.js"></script>
	<script type="text/javascript" src="${app_context}/res/script/easyui/extends/jquery-easyui-portal/jquery.portal.js"></script>
	<script type="text/javascript" src="${app_context}/res/script/app/index.js"></script>
</head>
<body class="easyui-layout"> 
	<div region="north" style="height:40px; overflow: hidden;">
		<div class="wb-header">
			<div class="wb-logo"><img src="${app_context}/res/image/app/gmclogo.gif" /></div>
			<div class="nav-drop-menu" style="width:600px;">
			<a href="javascript:void(0)" id="sb" icon="icon-edit">Edit</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" plain="true">首 页</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm1" icon="icon-edit">商品</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm2">订单</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm3">内容</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm4">客户</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm5">销售</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm6">报表</a>
			    <a href="javascript:void(0)" class="easyui-menubutton" menu="#mm7">系统</a>
			    <a href="javascript:void(0)" class="easyui-linkbutton" plain="true" icon="icon-help"></a>
			</div>
			
			<div id="mm">
				<div id="mm1" class="wb-menu-main">
					<span>首页</span>
				    <div icon="icon-redo" class="wb-nav" id="pageA1">页面1</div>
				    <div icon="icon-redo" class="wb-nav" id="pageA2">页面2</div>
					<div icon="icon-undo" class="wb-nav" id="pageA3">页面3</div>
				    <div class="menu-sep"></div>
				    <div>
				    	<span>Toolbar</span>
				        <div style="width:150px;">
				            <div>Address</div>
				            <div>Link</div>
				            <div>Navigation Toolbar</div>
				            <div>Bookmark Toolbar</div>
				            <div class="menu-sep"></div>
				            <div>New Toolbar...</div>
				        </div>
				    </div>
				</div>
				<div id="mm2" class="wb-menu-main">
				    <div class="wb-nav" id="page1">布局嵌套</div>
				    <div class="wb-nav" id="page2">功能面板</div>
				    <div class="wb-nav" id="page3">对话框</div>
				    <div class="wb-nav" id="page4">工具条</div>
				    <div class="wb-nav" id="page5">表格1</div>
				    <div class="wb-nav" id="page6">表格2</div>
				    <div class="wb-nav" id="page7">标签面板</div>
				    <div class="wb-nav" id="page8">树控件</div>
				    <div class="wb-nav" id="page9">下拉菜单</div>
				</div>
				<div id="mm3" class="wb-menu-main">
				    <div href="http://www.google.com">Google</div>
				    <div href="http://www.msn.com">Msn</div>
				</div>
				<div id="mm4" class="wb-menu-main">
				    <div>Help</div>
				    <div>Update</div>
				    <div>About</div>
				</div>
				<div id="mm5" class="wb-menu-main">
				    <div>Help</div>
				    <div>Update</div>
				    <div>About</div>
				</div>
				<div id="mm6" class="wb-menu-main">
				    <div>Help</div>
				    <div>Update</div>
				    <div>About</div>
				</div>
				<div id="mm7" class="wb-menu-main">
				    <div>Help</div>
				    <div>Update</div>
				    <div>About</div>
				</div>
			</div>
		</div>
	</div>
	
	<div region="west" title="快捷操作" style="width:200px;overflow:hidden;">
	    <div class="easyui-panel wb-panel-left" title="客户信息" collapsible="true">
	        <ul class="wb-nav-list">
				<li>激活： <span class="num">68</span></li>
				<li>未激活： <span class="num">6</span></li>
				<li>3333333： <span class="num">50</span></li>
				<li>Ordinary Members： <span class="num">20</span></li>
				<li>10%discount： <span class="num">3</span></li>
			</ul>
	    </div>
	    <br/>
	    <div class="easyui-panel wb-panel-left" title="订单信息" collapsible="true">
	        <ul class="wb-nav-list">
				<li>新到订单： <span class="num">550</span></li>
				<li>处理中： <span class="num">325</span></li>
				<li>已完成： <span class="num">0</span></li>
				<li>暂停处理： <span class="num">3</span></li>
				<li>已取消： <span class="num">7</span></li>
				<li>缺货： <span class="num">0</span></li>
				<li>等待支付： <span class="num">356</span></li>
				<li>已备货： <span class="num">0</span></li>
				<li>已发货： <span class="num">0</span></li>
				<li>已取消： <span class="num">7</span></li>
			</ul>
	    </div>
	    <br/>
	    <div class="easyui-panel wb-panel-left" title="库存信息" collapsible="true" collapsed="true">
			<ul class="wb-nav-list">
				<li class="title"></li>
				<li>缺货Sku总数量： <span class="num">0</span></li>
				<li>其中激活： <span class="num">0</span></li>
				<li>低库存Sku总数量： <span class="num">0</span></li>
				<li>其中激活： <span class="num">0</span></li>
				<li>已到再进货时间Sku</li>
				<li>总数量： <span class="num">0</span></li>
			</ul>
	    </div>
	    <br/>
	    <div class="easyui-panel wb-panel-left" title="系统信息" collapsible="true">
	        My documents<br/>
	        File folder<br/><br/>
	        Date modified: Oct.3rd 2010
	    </div>
	</div>
	
	<div id="panel_center" region="center" resizable="false" title="工作面板" style="overflow:hidden;">
		<div id="pp" style="position:relative">
			<div style="width:40%">
			<#--
				<div id="proinfo" title="商品信息" closable="true" style="width:100%;overflow: hidden;">
				<table id="tt" class="easyui-datagrid" width="100%">
				    <thead>
				        <tr>
							<th field="name1" width="80">&nbsp;</th>
							<th field="name2" width="80">总数量</th>
							<th field="name3" width="80">激活数量</th>
							<th field="name4" width="80">非激活数量</th>
							<th field="name5" width="80">草稿状态数量</th>
							<th field="name6" width="80">待删除数量</th>
						</tr>
				    </thead>                           
				    <tbody>                            
				        <tr>                           
				            <td>商品</td>            
				            <td>Data 2</td>            
				            <td>Data 3</td>            
				            <td>Data 4</td>            
				            <td>Data 5</td>            
				            <td>Data 6</td>            
				        </tr>                          
				        <tr>                           
				            <td>普通商品</td>            
				            <td>Data 2</td>            
				            <td>Data 3</td>            
				            <td>Data 4</td>            
				            <td>Data 5</td>            
				            <td>Data 6</td>            
				        </tr>                          
				        <tr>                           
				            <td>变种商品</td>            
				            <td>Data 2</td>            
				            <td>Data 3</td>            
				            <td>Data 4</td>            
				            <td>Data 5</td>            
				            <td>Data 6</td>            
				        </tr>                          
				        <tr>                           
				            <td>商品包商品</td>            
				            <td>Data 2</td>            
				            <td>Data 3</td>            
				            <td>Data 4</td>            
				            <td>Data 5</td>            
				            <td>Data 6</td>            
				        </tr>
				    </tbody>                           
				</table>
			    </div>
			    <div title="Tutorials" collapsible="true" closable="true" style="height:200px;padding:5px;">
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:layout">Build border layout for Web Pages</a></div>
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:panel">Complex layout on Panel</a></div>
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:accordion">Create Accordion</a></div>
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:tabs">Create Tabs</a></div>
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:tabs2">Dynamically add tabs</a></div>
			    	<div class="t-list"><a href="http://jquery-easyui.wikidot.com/tutorial:panel2">Create XP style left panel</a></div>
			    </div>
			</div>
			-->
			<div style="width:60%">
				<#--
				<div id="pgrid" title="最近10条评论" closable="true" style="height:200px;">
					<table class="easyui-datagrid" style="width:650px;height:auto"
							fit="true" border="false"
							singleSelect="true"
							idField="itemid" url="datagrid_data.json">
						<thead>
							<tr>
								<th field="itemid" width="60">Item ID</th>
								<th field="productid" width="60">Product ID</th>
								<th field="listprice" width="80" align="right">List Price</th>
								<th field="unitcost" width="80" align="right">Unit Cost</th>
								<th field="attr1" width="120">Attribute</th>
								<th field="status" width="50" align="center">Status</th>
							</tr>
						</thead>
					</table>
				</div>
				<div title="Searching" iconCls="icon-search" closable="true" style="height:80px;padding:10px;">
					<input>
					<a href="#" class="easyui-linkbutton">Go</a>
					<a href="#" class="easyui-linkbutton">Search</a>
				</div>
				<div title="Graph" closable="true" style="height:200px;text-align:center;">
					<img height="160" src="http://knol.google.com/k/-/-/3mudqpof935ww/ip4n5y/web-graph.png"></img>
				</div>
				-->
			</div>
		</div>
	</div>
	
	<div region="east" icon="icon-reload" title="Tree Menu" split="true" style="width:180px;">
		<ul class="easyui-tree" url="tree_data.json"></ul>
	</div>
	
	<div region="south" style="height:40px; overflow: hidden;">
		<div class="wb-footer"></div>
	</div>
	<div id="wins"></div>
</body>
</html>